<template>
  <div class="mobile-bill-view common-mobile-view">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="账本" name="book">
        <bill-book />
      </el-tab-pane>
      <el-tab-pane label="账户" name="pay">
        <bill-pay />
      </el-tab-pane>
      <el-tab-pane label="类别" name="category">
        <bill-category />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import BillBook from '@/components/Bill/BillBook.vue'
import BillPay from '@/components/Bill/BillPay.vue'
import BillCategory from '@/components/Bill/BillCategory.vue'
import { ref } from 'vue'

const activeName = ref('book')
</script>

<style lang="scss">
@use "@/styles/home/bill.mobile.module";
</style>
